<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>平板点餐</title>
    <meta name="viewport" content="width=720,user-scalable=no" />
    <link rel="stylesheet/less" href="less/two.less" type="text/less">
    <link rel="stylesheet/less" href="less/reset.less" type="text/less">
    <script>
        less= {
            env: "development"
        }
    </script>
    <script src="jsLib/less-1.7.0.min.js"></script>
</head>
<body>
<div class="head">
    <div class="label">
        <div class="signal"></div>
        <div class="battery"></div>
        <div class="time"></div>
    </div>
    <div class="arrowhead"></div>
    <div class="word">订单时耗</div>
</div>
<div class="head2">
    <div class="monthDay">
        <div class="month">
            <div class="month1">月</div>
        </div>
        <div class="day">
            <div class="day1">日</div>
        </div>
    </div>
</div>
<div class="head3">
    <div class="day"></div>
    <div class="calendar"></div>
</div>
<div class="head4">
    <div class="procedure1">
        <ul class="fen">
            <li class="fen1">下单</li>
            <li class="fen2">开始上菜</li>
            <li class="fen2">结束上菜</li>
            <li class="fen2">结账</li>
        </ul>
    </div>
    <div class="procedure3">
        <div class="line1"></div>
        <div class="round1"></div>
        <div class="line2"></div>
        <div class="round2"></div>
        <div class="line3"></div>
        <div class="round3"></div>
        <div class="line4"></div>
        <div class="round4"></div>
        <div class="line5"></div>

    </div>
    <div class="procedure2">
        <div class="place1"></div>
        <div class="place2"></div>
        <div class="place3"></div>
        <div class="place4"></div>
    </div>
</div>
<div class="body1">
    <div class="left">
        <div class="up">1桌 消费金额: $56.8</div>
        <div class="down">2019-04-13 07:44</div>
    </div>
    <div class="right">
        <div class="right1">13.8</div>
        <div class="right2">m</div>
    </div>
</div>
<div class="body2">
    <div class="left">
        <div class="up">2桌 消费金额: $128.6</div>
        <div class="down">2019-04-13 07:45</div>
    </div>
    <div class="right">
        <div class="right1">9.66</div>
        <div class="right2">m</div>
    </div>
</div>
<div class="body3">
    <div class="left">
        <div class="up">3桌 消费金额: $85.2</div>
        <div class="down">2019-04-13 07:50</div>
    </div>
    <div class="right">
        <div class="right1">19.8</div>
        <div class="right2">m</div>
    </div>
</div>
<div class="body4">
    <div class="left">
        <div class="up">4桌 消费金额: $109.87</div>
        <div class="down">2019-04-13 07:44</div>
    </div>
    <div class="right">
        <div class="right1">12.4</div>
        <div class="right2">m</div>
    </div>
</div>
<div class="body5">
    <div class="left">
        <div class="up">5桌 消费金额: $348.55</div>
        <div class="down">2019-04-13 07:45</div>
    </div>
    <div class="right">
        <div class="right1">6.66</div>
        <div class="right2">m</div>
    </div>
</div>
<div class="body6">
    <div class="left">
        <div class="up">6桌 消费金额: $258.2</div>
        <div class="down">2019-04-13 07:44</div>
    </div>
    <div class="right">
        <div class="right1">20.3</div>
        <div class="right2">m</div>
    </div>
</div>
<div class="body7">
    <div class="left">
        <div class="up">7桌 消费金额: $149.85</div>
        <div class="down">2019-04-13 07:45</div>
    </div>
    <div class="right">
        <div class="right1">7.65</div>
        <div class="right2">m</div>
    </div>
</div>
<div class="body8">
    <div class="left">
        <div class="up">8桌 消费金额: $142.66</div>
        <div class="down">2019-04-13 07:50</div>
    </div>
    <div class="right">
        <div class="right1">14.6</div>
        <div class="right2">m</div>
    </div>
</div>
<div class="footer"></div>
</body>




</html>